<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="format-detection" content="telephone=no,email=no">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
  <title><%= htmlWebpackPlugin.options.title %></title>
</head>
<!-- 激活ios端active伪类 -->
<body ontouchstart="" onmouseover="">
<div id="wrapper" class="single">
  <div class="player player1">
    <div id="mode-select">
      <span>请选择模式：</span>
      <label for="single">单人</label>
      <input type="radio" id="single" value="single" name="mode" checked/>
      <label for="multi">双人</label>
      <input type="radio" id="multi" value="multi" name="mode"/>
    </div>
    <h1 class="detail">
      <span class="score">得分:<i>0</i>分</span>
      <span class="efficiency">捕食效率:<i class="my-efficiency">0.0</i>个/分</span>
    </h1>
    <canvas class="stage" width="350" height="350"></canvas>
    <div class="mask wait">点击准备</div>
    <div class="mask ready">已准备</div>
    <div class="mask over">结束！</div>

    <!-- 消息面板 -->
    <div class="msg-panel">
      <input type="text" placeholder="发送消息" id="input-send"/>
      <button id="btn-send">发送</button>
      <h2 id="response"></h2>
    </div>
  </div>

  <div class="player player2">
    <h1 class="detail">
      <span class="score">得分:<i>0</i>分</span>
      <span class="efficiency">捕食效率:<i class="his-efficiency">0.0</i>个/分</span>
    </h1>
    <canvas class="stage" width="350" height="350"></canvas>
    <div class="mask wait">等待其他玩家加入</div>
    <div class="mask ready">已准备</div>
    <div class="mask over">结束！</div>
  </div>
</div>
<% if(htmlWebpackPlugin.options.vendor) { %>
<script src="<%=htmlWebpackPlugin.options.vendor %>"></script>
<% } %>
</body>
</html>
